<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>我的运动数据</title>
	</head>
	<body class="mydata">
		<main>
			<!-- 头部 -->
			<div class="header">
				<a href="my.html">&lt;</a>
				<div class="title">
					<p>我的运动数据</p>
					<img src="../../assets/images/avatar1.webp" alt="" />
				</div>
				<!-- 数据概括 -->
				<div class="data">
					<div class="total-sport">
						<p>总运动</p>
						<p class="num"><span id="minute">9999</span>分钟</p>
					</div>
					<div class="total-consum">
						<p>本周消耗</p>
						<p class="num"><span id="calorie">9999</span>千卡</p>
					</div>
				</div>
				<!-- 具体数据 -->
				<div class="data-content">
					<p>
						里程(公里)
						<span id="mileage">9999</span>
					</p>
					<p>
						累计(天)
						<span id="days"> 999 </span>
					</p>
					<p>
						连续(天)
						<span id="continuous">999</span>
					</p>
				</div>
			</div>
			<!-- 数据图表 -->
			<div class="datacontent">
				<!-- 近七天运时长 -->
				<div class="echarts chart1"></div>
				<!-- 运动分类 -->
				<div class="echarts chart2"></div>
				<div class="echarts chart3"></div>
				<div class="echarts chart4"></div>
			</div>
		</main>
	</body>
</html>
